
*{margin:0;padding:0;}
html,body{width: 100%;height: 100%;color: white;min-height:900px; }
a{color: white;text-decoration: none;}
li{list-style-type: none;}
nav{padding-top: 20px;padding-left: 30px;}
/*登录*/
#large-header{position: relative;width: 100%;height: 100%;}
#large-header .box{width: 400px;height:404px;background:rgba(255,255,255,.2);position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;
border: 1px solid rgba(255,255,255,.8);border-radius: 5px;text-align: center;}
#large-header .box h3{color: white;font-size: 35px;margin-top: 26px;margin-bottom: 27px;}
#rememberMe:focus{box-shadow:none !important;}
#large-header .box input{width: 80%;background: rgba(255,255,255,.4);border: 1px solid rgba(255,255,255,.8);color: white;padding-left: 10px;height: 50px;border-radius: 10px;
margin-bottom: 30px;outline:medium;}
#large-header .box input:focus{box-shadow: 0 0 5px deepskyblue;border-color:deepskyblue ;font-size: 14px;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: white; opacity:1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: white;opacity:1;font-size: 14px;
}

input:-ms-input-placeholder{
    color:white;opacity:1;font-size: 14px;
}

input::-webkit-input-placeholder{
    color: white;opacity:1;font-size: 14px;
}
#large-header .box button{width: 80%;background: #7B68EE;color: white;padding-left: 10px;height: 50px;border-radius: 10px;
margin-bottom: 20px;box-shadow: 0 0 3px white;border: none;font-size: 21px;margin-top: 30px;}


nav .time{background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);border: 1px solid rgba(0, 0, 0, 0.2);border-radius: 30px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
    color: #FFFFFF;margin: 6px;width: 70%;height: 30px;margin: 0 auto;}
nav ul{text-align: center;line-height:30px;}
nav ul i{margin-right:10px}
nav .one{border-right: 1px solid rgba(0, 0, 0, 0.4);box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1)}
nav img{    border: 2px solid rgba(255, 255, 255, 0.8);display: inline-block;float: left;height: 45px;margin-left: -15px;margin-right: 19px; margin-top: -12px;
    width: 45px;border-radius: 50%;}
nav .lr{float: right;margin-right: 50px;}
nav .lr a{margin-left: 40px;}
.leftMenu{box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);border-radius: 3px;margin-top: 20px;border: none;height: 100%;
border-radius: 20px;}
.leftMenu span,.leftMenu i{color: white !important;}
.leftMenu ul{background: rgba(0,0,0,0);}
.leftMenu ul li{color: white;}
.leftMenu  i{font-size: 20px;margin-right: 16px;}
.el-menu-item:hover{background: rgba(0,0,0,.4);color: white;}
.el-submenu__title:hover{background: rgba(0,0,0,.4);}
 .el-menu-vertical-demo:not(.el-menu--collapse) {width: 296px;}
 .mainHight{height: 100%;}
 .HomeLeftMenu{float: left;height: calc(100% - 77px);border-radius: 20px;}
.rightMenu{float: right;margin-left: -296px;width: calc(100% - 296px);margin-top: 20px;height: calc(100% - 77px);
background:-webkit-linear-gradient(45deg, #f5f5f5 30px, #f5f5f5 30px), -webkit-linear-gradient(135deg, transparent 30px, #f5f5f5 30px),
-webkit-linear-gradient(225deg, #f5f5f5 30px, #f5f5f5 30px), -webkit-linear-gradient(315deg, transparent 30px, #f5f5f5 30px);position: relative;}
.rightMenu .jiao{position: absolute;top: 0;left: 0;border-width: 0 42px 42px 0;border-style: solid;
border-color: #ffffff rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.4), 0 0 10px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.4), 0 0 10px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 0 rgba(0, 0, 0, 0.4), 0 0 10px rgba(0, 0, 0, 0.3);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid: DXImageTransform.Micros;    box-sizing: border-box;z-index: 999;}
.rightMenu2{width: calc(100% - 64px);transition: width 0.8s;}
.el-menu-item.is-active{background: rgba(0,0,0,.4);color: white;}
.breadcrumd{border-bottom: 1px solid rgba(0, 0, 0, 0.04); margin: 0;overflow: hidden;height: 40px;width: 100%;
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.02);padding-top: 61px;color: #9EA7B3;font-size: 14px;line-height: 40px;margin-bottom: 20px;}
.breadcrumd i{margin:0 20px;}
.buttons{float: right;margin-right: 40px;margin-top: 20px;margin-bottom: 20px;}
.mainBox{background: white;width: 98%;margin: 0 auto;}
.search{width: 200px;padding: 14px 26px;position: absolute;right: 0;background:	#B9D3EE;z-index: 999;box-shadow: 0 0 30px #fdf6ec;}
.search .el-icon-close{position: absolute;color: white;font-size: 25px;right: -20px;cursor: pointer;top: -29px;}
table{text-align: center !important;}
table th{text-align: center !important;}
/*div{height: calc(100% - 296px)}*/
